<#if data??>
 <#list data as item>
	<li class="item" style="opacity:0;-moz-opacity: 0;filter: alpha(opacity=0);">
		<div class="itemImageDiv">
			<div onclick="showDetail('${item.title}','${item.imgUrl}','${item.link}','${item.description}','${item.pubDate}','${item.target}','${item.author}');">
				<img class="itemImage" src="${item.imgUrl}" />
				<div class="itemDesc">${item.title}</div>
			</div>
		</div>
	</li>
	</#list>
</#if>

<script type="text/javascript">
function showDetail(title, imgUrl, link, description, pubDate, target, author){
	location.href = "${webmvc.url.main}/detail?"
			+ "title=" + encodeURIComponent(title)
			+ "&imgUrl=" + imgUrl
			+ "&link=" + link
			+ "&description=" + encodeURIComponent(description)
			+ "&pubDate=" + pubDate
			+ "&target=" + target
			+ "&author=" + encodeURIComponent(author);
}
</script>